﻿body
{  
  background: #70C1CF;
  background: -moz-linear-gradient(top, #70C1CF, #70C1CF 20%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#70C1CF), color-stop(20%, #0F7A8C), color-stop(60%, #70C1CF), color-stop(100%, #0F7A8C));
  color: #fff;
}
#header
{
  margin: 0px auto;
  height: 80px;
  padding-top: 20px;
  background: #70C1CF;
  background: -moz-linear-gradient(top, #70C1CF, #fff 8%, #3AF5FC 60%, #178093 100%);  
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#70C1CF), color-stop(8%, #fff), color-stop(60%, #3AF5FC), color-stop(100%, #178093));
}
#header a
{
  float: left;
  margin: 0px 12px;
}
#header h1
{
  color: #560F0F;
}
#logo
{
  height: 53px;
  float: left;
  margin-left: 10px;
  background-image: url(images/logo.png);
  background-color: transparent;
  width: 248px;
}
#newGame
{
  width: 170px;
  background: #F9B041;
  background: -moz-linear-gradient(top, #F9B041, #E28B2A 92%, #fff 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#F9B041), color-stop(92%, #E28B2A), color-stop(100%, #fff));
}
#currentGames
{
  background: #F9B041;
  width: 200px;
  background: -moz-linear-gradient(top, #D91C5C, #B9164D 92%, #fff 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#D91C5C), color-stop(92%, #B9164D), color-stop(100%, #fff));
}

ul#roomlist
{
  width: 306px; padding-left: 0px;
}

ul#roomlist li
{
  width: 280px;
  list-style-type: none;
  height: 60px;
  border-bottom: solid 1px #222;
  border-left: solid 2px #fff;
  border-right: solid 2px #fff;
  border-top: solid 2px #eaeefa;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
ul#roomlist li .sta
{
  width: 50px; height: 60px; background-color: #eee;float: left; 
  background: #00bffe;
}
ul#roomlist li .name
{
  color: #777;
  width: 150px; height: 60px; background-color: #eee;float: left; 
}
ul#roomlist li .status
{
  width: 80px; height: 60px; background-color: #eee;float: left; 
}

.button2
{
  margin: 5px;
  cursor: pointer;
  width: 70px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  
  letter-spacing: 1px;
  font-family: @MS UI Gothic;
	text-shadow: 3px 3px 7px #111;
	border: 2px solid #00c600;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

.room_ready
{
  background: #00c600;
  background: -moz-linear-gradient(top, #00c600, #0026FF 8%, #00bf00 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(8%, #00c600), color-stop(100%, #00bf00));
  border: 2px solid #00c600;
}

.room_waiting
{
  background: #4CFF00;
  background: -moz-linear-gradient(top, #00c600, #4CFF00 8%, #4CFF00 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(8%, #4CFF00), color-stop(100%, #4CFF00));
  border: 2px solid #4CFF00;
}

.room_playing
{
  background: #FF0000;
  background: -moz-linear-gradient(top, #00c600, #FF0000 8%, #FF0000 100%);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(8%, #FF0000), color-stop(100%, #FF0000));
  border: 2px solid #FF0000;
}